Web messages are alerts that provide contextual feedback for typical user actions. Boostrap has predefined 4 types of alert messages for success, information, warning and danger.
Alert Messages
| Types | Customized as per 3DExperience Color Palette |
|---|---|
|
Success! Indicates a successful or positive action.
|
color: #477738; background-color: #EDF6EB; border-color: #57B847; |
|
Info! Indicates a neutral informative change or action.
|
color: #005668; background-color: #D5E8F2; border-color: #42A2DA; |
|
Warning! Indicates a warning that might need attention.
|
color: #8f4C00; background-color: #FFF3E9; border-color: #E87B00; |
|
Danger! Indicates a dangerous or potentially negative action.
|
color: #844138; background-color: #FFF0EE; border-color: #ea4737; |
Alert Links
| Types | Customized as per 3DExperience Color Palette |
|---|---|
|
Success! You should check and read this message.
|
color: #477738; font-weight: bold; text-decoration: none; hover: underline; |
|
Info! You should check and read this message.
|
color: #005668; font-weight: bold; text-decoration: none hover: underline |
|
Warning! You should check and read this message.
|
color: #8f4C00; font-weight: bold; text-decoration: none hover: underline |
|
Danger! You should check and read this message.
|
color: #844138; font-weight: bold; text-decoration: none hover: underline |
Dismiss Alert
| Types | Description |
|---|---|
|
×
Success! Indicates a successful or positive action.
|
Add Close that gives user option to dismiss the alart. |
|
×
Info! Indicates a neutral informative change or action.
|
|
|
×
Warning! Indicates a warning that might need attention.
|
|
|
×
Danger! Indicates a dangerous or potentially negative action.
|